html
<!DOCTYPE html>
<html>
<head>
  <title>Task List</title>
  <style>
    table {
      width: 100%;
      border-collapse: collapse;
    }
    th, td {
      padding: 8px;
      text-align: left;
      border-bottom: 1px solid #ddd;
    }
    th {
      background-color: #f2f2f2;
    }
    .button {
      background-color: #4CAF50;
      border: none;
      color: white;
      padding: 8px 16px;
      text-align: center;
      text-decoration: none;
      display: inline-block;
      font-size: 14px;
      margin: 4px 2px;
      cursor: pointer;
    }
    .left-align {
      text-align: left;
    }
    .right-align {
      text-align: right;
    }
  </style>
</head>
<body>
  <h1>Task List</h1>
  <div class="left-align">
    <button class="button">Publish Task</button>
  </div>
  <div class="right-align">
    <button class="button">Connect Wallet</button>
  </div>
  <table>
    <tr>
      <th>Task Number</th>
      <th>Name</th>
      <th>Publisher</th>
      <th>Bounty Hunter</th>
      <th>Reward</th>
      <th>Status</th>
      <th>Time</th>
      <th>Evaluation</th>
      <th>Status Modify</th>
    </tr>
    <tr>
      <td>1</td>
      <td>Task 1</td>
      <td>Publisher 1</td>
      <td>Bounty Hunter 1</td>
      <td>$100</td>
      <td>Open</td>
      <td>2022-01-01</td>
      <td>N/A</td>
      <td><button class="button">Modify</button></td>
    </tr>
    <tr>
      <td>2</td>
      <td>Task 2</td>
      <td>Publisher 2</td>
      <td>Bounty Hunter 2</td>
      <td>$50</td>
      <td>In Progress</td>
      <td>2022-01-02</td>
      <td>N/A</td>
      <td><button class="button">Modify</button></td>
    </tr>
    <!-- Add more task rows here -->
  </table>
</body>
</html>